Forms can effectively engage users on blogs. This document provides instructions for embedding forms on Squarespace, Wix, and WordPress blogs. For Squarespace and Wix, the process is simple - add a content block or HTML button and paste the form embed code. For WordPress, it may require a widget or plugin depending on the theme; JotForm integrates easily while other forms require additional plugins or coding skills.
3. YOU WILL NEED
1. A form embed code
A block of code used to implant a form on a page
2. A blogging platform
Squarespace, Wix, or Wordpress. (Others will not
be included in this tutorial).
4. FORM EMBED CODE
Em·bed code - ımˈbed kəʋd noun
Looks a little something like this:
You do not need to know what the code means,
all you need to know is how to copy and paste
5. WHERE TO FIND IT
After you create the form look for…
Embed
Embed Code
Embed in a Web Page
These brackets </>
Many form builders like Blitzen, Survey
Monkey, Typeform, and Google Forms supply
you with an embed code after you create the
form.
6. COPY THE
WHOLE CODE
Alternatively you can use this code as an example:
<script src="https://blitzen.com/scripts/blitzenForm.js" type="text/javascript"></script>
<iframe src="https://ol.blitzen.com/form/Was-this-content-helpful-qs-"
id="14c2f3ce224e2a60781267ed78763b"onload="resizeCrossDomainIframe('14c2f3ce22
4e2a60781267ed78763b', 'https://ol.blitzen.com');" width="100%" style="border:
none;"resize="true"></iframe>
9. Create a new blog post or use
an existing one
Hover beneath your content to add a content block.
Click on the raindrop shape on the left when it appears.
20. Wordpress makes it more difficult
to use anything other than their
form-builder JotForm.
JotForm is great for simple things
like contact us forms but has
limited functionality for more
advanced lead generation
activities like exit-intent forms.
21. HOW TO EMBED
JOTFORMS
1. Create a form with JotForm
http://www.jotform.com/myforms/
2. Follow the steps in this video:
http://www.jotform.com/help/299-How-to-
Embed-Form-to-Wordpress-com
22. HOW TO EMBED
ALL OTHER FORMS
1. Try this first!
Open the blog and paste your code in the ‘text-editor’
23. If this doesn’t work for you it’s
because some themes are not
compatible with this method.
If this is the case, you
will have add a widget
or download a plugin to
embed any type of
code.
29. If you want to embed unique forms
right into your blog content you will
need to download a plugin
Because most forms
require javascript code (a
type of language) that
Wordpress does not allow
you to embed without a
plugin or widget.
WHY?
30. IF YOU ARE A FREE-
TIERED USER
You will NOT be able to do this
Because you cannot upload the necessary plugins.
Hopefully, Wordpress will come up with a solution for
this problem soon. Read more about it here.
If you are hosting your own site (if you have
wordpress.org domain) you will be able to do this.
(If you have a wordpress.com site)
32. HOW TO EMBED
MAILCHIMP FORMS
Download this plugin
https://connect.mailchimp.com/inte
grations/yikes-inc-easy-mailchimp-
extender-for-wordpress
Follow the installation instructions
33. HOW TO EMBED
GOOGLE FORMS
Download this plugin
https://wordpress.org/plugins/
wpgform/
Follow the installation
instructions
34. If you want the freedom to
embed all types of forms
Download this plugin
https://wordpress.org/plugins/simple-
embed-code/installation/
Follow the installation instructions